$(function(){

  //发送请求  渲染页面
  let p = {
    pagenum:1,//页码值
    pagesize:2,//每页显示多少条数据
    cate_id:'',//每页显示多少条数据
    state:'',//文章的状态，可选值有：已发布、草稿
  }

  //发送请求获取数据渲染页面
  innitArticleList()
  function innitArticleList(){
    axios({
      url:'/my/article/list',
      params:p,
    }).then(res=>{
      if(res.data.status!=0){
        return layui.layer.msg(res.data.message)
      }
      console.log(res.data)
      let arr = []
      res.data.data.forEach(val=>{
        arr.push(`
        <tr>
          <th>${val.title}</th>
          <th>${val.cate_name}</th>
          <th>${dateFormat(val.pub_date)}</th>
          <th>${val.state}</th>
          <th>
          <button type="button" class="layui-btn layui-btn layui-btn-xs layui-btn-danger">删除</button>
          </th>
        </tr>
        `)
      })
      $('tbody').empty().html(arr.join(''))
      renderPage(res.data.total)
    })
  }

  
  //获取服务器数据渲染文章分类下拉列表
  innitArtCateList()
  function innitArtCateList(){
    axios({
      url:'/my/article/cates',
    }).then(res=>{
      if(res.data.status!=0){
        return layui.layer.msg(res.data.message)
      }
      let arr = ['<option value="">请选择分类</option>']
      res.data.data.forEach(val=>{
        arr.push(`
        <option value="${val.Id}">"${val.name}</option>
        `)
      })
      $('[name=cate_id]').empty().html(arr.join(''))
      layui.form.render()
    })
  }

  //筛选按钮的点击事件
  $('#searchForm').on('submit',function(e){
    e.preventDefault()
    p.cate_id = $('[name=cate_id]').val()
    p.state = $('[name=state]').val()
    innitArticleList()
  })

  //分页功能
  function renderPage(total){
    //执行一个laypage实例
    layui.laypage.render({
      elem: 'pageBox', //注意，这里的 test1 是 ID，不用加 # 号
      count: total, //数据总数，从服务端得到
      limit:p.pagesize,//每页显示多少条数据
      curr:p.pagenum,
      limits:[2,5,10,15],
      layout:['count','limit','prev','page','next','skip'],
      jump: function(obj, first){//obj包含了当前分页的所有参数
        //首次不执行
        if(!first){
          p.pagenum=obj.curr//得到当前页，以便向服务端请求对应页的数据。
          p.pagesize=obj.limit//得到每页显示的条数
          innitArticleList()
        }
      }
    })

  }
})